<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue-条件渲染</title>
</head>
<body>
<div id="app">

 <!--   <div v-if="isSuccess">
        登录成功
    </div>
    <div v-else>
        登录失败
    </div>-->

      <template v-if="!isSuccess" > <!--逻辑容器，不会生成真实的dom结构-->
           登录失败
          <button>按钮1</button>
      </template>



<!--   <div v-show="!isSuccess" id="errBox">
       登录失败
     </div>-->
</div>

</body>
<script src="../../lib/vue.js"></script>
<script src="../../lib/jquery.js"></script>

<script>

 //   $('#errBox').show();
  //  $('#errBox').hide();

    new Vue({
        el:'#app',
        data:{
             isSuccess:false
        }
    })


</script>

</html>